/**
 * --------------- 组件--分页 ---------------
 */
// 分页区域包裹层--定制分页样式类型
.pagination_folder{
	// 在弹窗内部的分页
	&.in_frame{
		// 条数详细信息
		.tip_page_show{
			margin-top: 15px;
		}
		// 数字页码区块
		.pagination{
			.page_mark{
				a{
					margin-right: 10px;
					&.change_page{
						width: auto;
						min-width: 25px;
						font-size: 12px;
					}
				}
			}
			.page_infor{
				margin-left: 0px;
				p{
					font-size: 14px;
					// go按钮
					.page_jump {
						width: 30px;
						font-size: 12px;
						margin-left: 10px;
					}
					// 每页显示
					.mar_l{
						margin-left: 10px;
					}
					.show_page_sel{
						padding: 0;
					}
					// 去某页
					input{
						width: 25px;
						font-size: 12px;
					}
				}
			}
		}
	}
}

// 页码展示区
.pagination{
	padding: 0;
	margin: @page_mar_t 0 0 0;
	overflow: hidden;
	&.pagin_top{
		margin-top: @page_mar_t;
	}
	&.mar_t_10{
		margin-top: 10px;
	}
	// 右侧只有文本
	&.only_txt{
		.page_infor{
			margin-top: 4px;
		}
	}
	.page_mark{
		// height: 26px;
		overflow: hidden;
		float: left;
		a{
			width: 36px;
			height: 26px;
			line-height: 26px;
			float: left;
			margin-right: 12px;
			color: #999999;
			border: 1px solid #999999;
			// border-radius: 5px;
			display: inline-block;
			text-align: center;
			&.go_a{
				color: #2ca1ce;
				border: 1px solid #51b2d7;
			}
			&.on{
				border: 1px solid #27b2fb; 
				color: #2ca1ce;
				background-color: #91d8fd;
			}
			// 首页、末页、前一页、后一页
			&.first_page,&.last_page,&.prev_page,&.next_page{
				width: 16px;
			}
			&.first_page{
				background: url("@{img_url_1}/pagination/first_page.png") no-repeat center center;
				&:hover{
					background-image: url("@{img_url_1}/pagination/first_page_on.png");
					border-color: #27b2fb;
					background-color: #91d8fd;
				}			
			}
			&.last_page{
				background: url("@{img_url_1}/pagination/last_page.png") no-repeat center center;
				&:hover{
					background-image: url("@{img_url_1}/pagination/last_page_on.png");
					border-color: #27b2fb;
					background-color: #91d8fd;
				}
			}
			&.prev_page{
				background: url("@{img_url_1}/pagination/prev.png") no-repeat center center;
				&:hover{
					background-image: url("@{img_url_1}/pagination/prev_on.png");
					border-color: #27b2fb;
					background-color: #91d8fd;
				}
			}
			&.next_page{
				background: url("@{img_url_1}/pagination/next.png") no-repeat center center;
				&:hover{
					background-image: url("@{img_url_1}/pagination/next_on.png");
					border-color: #27b2fb;
					background-color: #91d8fd;
				}
			}
		}
	}
	.page_infor{
		margin: 0 0 0 15px;
		float: left;
		p{
			font-size: 16px;
			color: #999999;
			// float: left;
			.mar_l{
				// float: left;
				margin-left: 20px;
				display: inline-block;
			}
			.show_page_sel{
				// width: 50px;
				height: 28px;
				line-height: 28px;
				padding: 0 5px;
				color: #999999;
				cursor: pointer;
				border: 1px solid #ababab;
				&:hover{
					border-color: #27b2fb;
				}	
			}
			input{
				width: 36px;
				height: 26px;
				line-height: 26px;
				color: #999999;
				border: 1px solid #ababab;
				// border-radius: 5px;
				// display: inline-block;
				text-align: center;
				margin: 0 5px;
			}
			.page_jump{
				width: 36px;
				height: 26px;
				line-height: 26px;
				display: inline-block;
				text-align: center;
				// border-radius: 5px;
				border: 1px solid #51b2d7;
				color: #51b2d7;
				text-align: center;
				margin-left: 30px;
				&.go_right{
					margin-right: 20px;
				}
				&:hover{
					background-color: #91d8fd;
					color: #fff;
				}
			}
		}
	}
}
//条数数据展示区
.tip_page_show{
	margin-top: 15px;
	line-height: 1;
	font-size: 12px;
	&.mar_t_20{
		margin-top: 20px;
	}
}